page{
    background: #F3F5FB;
}
.home{
    width: 100%;
    background: #F3F5FB;
    min-height: 80vh;
    .contentHome{
        height: 150px;
        width: 100%;
        background: $uni-color-primary;
    }
    .homeTop{
        position: relative;
        @include font(16px,#FFFFFF,center);
        margin-bottom: 10px;
    }
    .homeTopTest{
        position: absolute;
        left: 16px;
        margin-top: 9px
    }
    .padd16{
        padding:0 16px
    }
    .padd55{
        padding:0 5px
    }
    .contentHomeTop{
        padding: 17px 0;
        @include flex(space-between,center)
    }
    .contentHomeTopCol{
        @include font(14px,#FFFFFF)
    }
    .contentHomeTopColRig{
        padding-left: 11px
    }
    .pR{
        position: relative;
    }
    .contentHoCon{
        position: absolute;
        width: 92%;
        left: 4%;
        top: 24px;
    }
    .contentHomeTopDiQu{
        margin-right: 82px;
        @include font(12px,#FFFFFF);
        background: rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        padding: 6px 8px
    }
    .contentHoConBack{
        background: #FFFFFF;
        border-radius: 8px;
        padding: 16px;
        margin-bottom: 8px;
        @include flex(flex-start)
    }
    .contentHoConBackTop{
        @include flex(space-between,center)
    }
    .loadingShow{
        text-align: center
       }
    // .contentHoConBackTop1{
    //     @include font(14px,rgba(60, 61, 67, 1));
    // }
    .contentHoConBackTop1{
        font-weight: 500;
        width: 62%;
        @include flex(flex-start);
        @include font(16px,rgba(60, 61, 67, 1));
    }
    .contentHoConBackTop1Wwidth{
        max-width: 50%;
        display: inline-block;
    }
    .contentHoConBackTop2{
        @include font(10px,#FFFFFF);
        background: #FF8657;
        border-radius: 2px;
        padding: 0 6px;
        height: 16px;
        line-height: 16px;
        margin-left: 4px
    }
    .contentHoConBackTop22{
        @include font(10px,#4686FF);
        background: #FFFFFF;
        border-radius: 2px;
        border: 1px solid #4686FF;
        padding: 0 6px;
        height: 16px;
        line-height: 15px;
        margin-left: 4px
    }
    .contentHoConBackTop33{
        @include font(10px,#32CCAA);
        background: #FFFFFF;
        border-radius: 2px;
        border: 1px solid #32CCAA;
        padding: 0 6px;
        height: 16px;
        line-height: 14px;
        margin-left: 4px
    }
    .fontColorAC{
        @include font(12px,#ACAFC5);
    }
    .contentHoConBackTop3{
        font-weight: bold;
        @include font(12px,$uni-color-primary);
    }
    .contentHoConBackName{
        @include font(12px,#767885);
        @include flex(space-between,center);
    }
    .contentHoConBackTime{
        @include font(12px,#767885);
    }
    .magRight8{
        margin-left: 8px
    }
    .paddLeft{
        padding-left: 8px
    }
    .contentHoConBackTitle{
        background: #EAF0FF;
        border-radius: 2px;
        padding: 5px 8px;
        @include font(10px,$uni-color-primary);
        margin-right: 4px
    }
    .paddtop10{
        padding-top: 10px;
    }
    .paddtop{
        padding-top: 8px;
    }
    .u-checkbox{
        float: none;
    }
    .fenxiangBox{
        position: absolute;
        bottom: 72px;
        right: 15px;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        display: flex;
        @include wh(64px,64px);
        background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
box-shadow: 0px 4px 20px 8px rgba(0, 0, 0, 0.02), 0px 2px 8px 0px rgba(0, 0, 0, 0.02), 0px 0px 6px -4px rgba(0, 0, 0, 0.02);
    }
    .fenxiang{
        @include wh(21px,21px);
    }
    .fenxiangTest{
        @include font(12px,#767885);
    }
    .shareBottom{
        background: #FFFFFF;
        box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.12);
        border-radius: 8px 8px 0px 0px; 
        padding: 6px 16px 34px 16px;
        @include font(14px,#55565D);
    position: fixed;
    width: 100%;
    bottom: 0;
    }
    .shareBottomBox{
        @include flex(space-between,center)
    }
    .yxzw{
        @include font(14px,#767885);
        padding-left: 24px;
    }
    .yxzwNum{
        font-weight: 500;
        @include font(14px,#3C3D43);
        padding-left: 8px
    }
    .shareBottomButton{
        background: $uni-color-primary;
        border-radius: 4px;
        height: 36px;
        line-height: 36px;
        padding: 0px 36px;
        @include font(14px,#fff);
        font-weight: 500;
    }
    .wei{
        @include wh(20px,20px);
        border-radius: 50%;
        padding: 0 8px 0 4px;
        vertical-align: bottom;
    }
    .padd5{
        margin: 1rem  1rem 0  1rem;; 
        padding-bottom: 0.5rem;
        @include flex(space-between);
        border-bottom:0.5px solid #ECECEC;
      }
      .popupPop{
        background: #FFFFFF;
        @include wh(100%,auto);
        line-height: 49px;
        padding-bottom: 20px;
        @include font(1rem, #3C3D43,center);
      }
      .padd5:nth-last-child(3)
    {
      border-bottom:0px solid #ECECEC;
    }
    .buttonShow{
        padding-left: 0;
        padding-right: 0;
        background-color: #fff;
        border-radius:0;
        // border: 1px solid #fff;
        border: none;
    }
    .buttonShow::after{ border: none; }
    .marBottim{
        margin-bottom: 6px;
    }
    .xzflgsfl{
        background: rgba(70, 134, 255, 0.1);
        border-radius: 2px;
        border: 1px solid rgba(70, 134, 255, 0.6);
        @include font(12px,#4686FF);
        margin: 0 5px;
        height: 20px;
        line-height: 20px;
        padding: 0px 8px
    }
    .gzhj{
        @include wh(160px,120px); 
        margin-right: 8px
    }
    .gzhjBox{
        height: 130px;
        margin-bottom: 32px;
        white-space: nowrap;
		width: 100%;
    }
    .gongsidizhi{
        @include font(14px,#767885);
        margin-bottom: 32px;
    }
    .jianli{
        @include wh(44px,44px); 
        margin-bottom: 12px;
        border-radius: 50%;
        
        // box-shadow: 0px 2px 8px 0px rgba(47, 125, 255, 0.4);
    }
    .jianliBox1{
        text-align: center
    }
    .jianliText{
        @include font(14px,#55565D);
    }
    .jianliBox{
        @include flex(space-around,center);
        padding: 51px 0;
    }
    .indexConTopLeft{
        @include wh(24px, 24px);
    }
    .indexConWork{
      @include flex(space-between);
      flex-wrap:wrap;
    }
    .indexConWorkBox{
      width: 48%;
      background: #fff;
      border-radius: 9px;
      margin-bottom: 12px;
      position: relative;
    }
    .indexConWorkBox1{
      margin: 14px 0 5px 15px;
    
    }
    .indexConWorkText{
      @include font(0.84rem, #222222);
      font-weight: 500;
    }
    .indexWorkPoptext{
      @include font(1rem, #55565D);
      font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    }
    .indexWorkPopimg{
      @include wh(44px, 44px);
      vertical-align: middle;
      margin-right: 12px;
  }
}
